import { defineConfig, loadEnv } from "vite";
import vue from "@vitejs/plugin-vue";
import path, { resolve } from "path";
import progress from "vite-plugin-progress"; //打包进度

import { viteVConsole } from "vite-plugin-vconsole";

// https://vitejs.dev/config/
export default ({ command }) => {
  return defineConfig({
    build: {
      outDir: "one",
    },
    base: "./",
    // 需要用到的插件数组
    plugins: [
      vue(),
      progress(),
      // VConsole 调试工具配置 下面这种配置 开发页面全都能看到 day59里有单页面内才能看到的模式
      // viteVConsole({
      //   entry: path.resolve('src/main.js'), // 入口文件，或者可以使用这个配置: [path.resolve('src/main.js')]
      //   localEnabled: command === 'serve', // 本地是否启用
      //   enabled: command === 'serve', // 是否启用
      //   config: {
      //     maxLogNumber: 1000,
      //     theme: 'light' // 主题颜色 'dark'|'light'
      //   }
      // })
    ],
    resolve: {
      alias: {
        "@": resolve(__dirname, "src"), // 路径别名
      },
      extensions: [".js", ".json", ".ts", ".vue"], // 使用路径别名时想要省略的后缀名，可以自己 增减
    },
    server: {
      host: "0.0.0.0",
      port: 8086,
      open: true,
      // 微信公众号h5 jssdk初始化参数获取接口
      proxy: {
        "/replace": {
          target: "https://api.weixin.qq.com",
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/replace/, ""),
        },
      },
    },
  });
};
